<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>HTML5</title>
<link rel="stylesheet" href="styles.css" />
<script mce_src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script>
//alert( 'pattern' in document.createElement('input') );
if (!'pattern' in document.createElement('input') ) { 
	alert('not html5');
}
</script>
</head>
<body>
<header>
This is <mark>header</mark>
</header>
<figure>
	<img src="http://wwwroot.dir/tmp_file/cert/23880.jpg" alt="" width="200" />
	<figcaption>
		<p>figcaption demo</p>
	</figcaption>
</figure>

<h6 contenteditable="true">Break mechanical cab <span>driver</span></h6>
<label for="email">Email: </label>
<input type="email" name="email" value="" placeholder="yourmail@mail.com"  required autofocus="autofocus">
<label for="placeholder">placeholder: </label>
<input name="email" type="email" placeholder="doug@givethesepeopleair.com" required="required">
<label for="username">Create a Username: </label> 
<input type="text" name="username" id="username" placeholder="4 <> 10" pattern="[A-Za-z]{4,10}" autofocus="autofocus" required="required">

<audio autoplay="autoplay" controls="controls">
<source src="file.ogg">
<source src="file.mp3">
<a href="file.mp3">Download this file.</a>
</audio>

<video controls="" preload="">
 <source src="cohagenPhoneCall.ogv" type="video/ogg; codecs='vorbis, theora'">
 <source src="cohagenPhoneCall.mp4" type="video/mp4; 'codecs='avc1.42E01E, mp4a.40.2'">	
 <div> Your browser is old. <a href="cohagenPhoneCall.mp4">Download this video instead.</a> </div>
</video>


<footer>
<small>footer content &copy;</small>
</footer>
</body>
</html>